.index {
  position: relative;
  top: 0;
  /* #ifdef APP-PLUS */
  top: var(--status-bar-height);
  /* #endif */
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  .index_list{
    .list_main{
      background: #fff;
      padding: 0 30upx;
      .item{
        display: flex;
        height: 100upx;
        .item_account,.item_profit{
          flex: 1;
          line-height: 100upx;
          position: relative;
          font-size: 22upx;
          color: #291e1e;
          &::after{
            display: block;
            content:'';
            height: 1upx;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #d8d8d8;
            transform: scaleY(0.5);
          }
        }
        .item_profit{
          text-align: right;
          .text{
            color: #ff2626;
            font-size: 32upx;
            font-weight: bold;
          }
          .coin{
            color: #797979;
            margin-left: 10upx;
          }
        }
        .item_img_number{
          height: 100%;
          flex: 1;
          max-width: 90upx;
          display: flex;
          justify-content: center;
          align-items: center;
          image{
            width: 80upx;
            height: 100upx;
          }
        }
      }
    }
    .list_nav{
      background: #496a11;
      height: 100upx;
      .fl,.fr{
        font-size: 28upx;
        color: #a1af91;
        padding:1upx 68upx;
        .text{
          display: block;
          margin-top: 20upx;
        }
        .border{
          display: block;
          height: 6upx;
          width: 100%;
          background: transparent;
        }
        &.active{
          color: #fff;
          .border{
            background: #fff;
          }
        }
      }
    }
  }
  .index_header_main {
    background: url(../../static/index/bg.gif) no-repeat;
    height: 1088upx;
    background-size: 100% 100%;
    position: relative;
    .index_prize{
      padding: 0 30upx;
      .fl,.fr{
        width: 314upx;
        background: rgba(0,0,0,.4);
        height: 132upx;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6upx;
        flex-direction: column;
        position: relative;
        .see{
          position: absolute;
          top: 16upx;
          right: 16upx;
          font-size: 20upx;
          line-height: 1;
          color: #94c346;
        }
        .number{
          color: #94c346;
          font-size: 40upx;
          line-height: 1.2;
        }
        .text{
          font-size: 28upx;
          color: #afb7a6;
        }
      }
    }
    .index_tips {
      padding: 0 30upx;
      color: #bbcca8;
      font-size: 28upx;
      line-height: 1;
      margin: 34upx 0 52upx;
    }
    .index_submits {
      margin-top: 400upx;
      padding: 0 30upx;
      button {
        background: #94c346;
        border: 0;
        height: 100upx;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 36upx;
        font-weight: bold;
        border-radius: 50upx;
        box-sizing: border-box;
        transition: all 0.1s;
        box-shadow: 0 10upx 4upx #496f0c;
        &::after {
          display: none;
        }
        &:active {
          opacity: 0.5;
        }
        &.noS{
          background: #cccccc;
          color: #9a9a9a;
        }
      }
    }
    .index_rule {
      position: absolute;
      right: 30upx;
      top: 300upx;
      .rule,
      .invitation {
        width: 84upx;
        height: 84upx;
        border: 5upx solid #ffffff;
        border-radius: 42upx;
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 22upx;
        color: #ffffff;
        background: #6f9b26;
        line-height: 30upx;
      }
    }
    .index_header {
      padding: 14upx 30upx 0;
      .header_success{
        font-size: 24upx;
        color: #496a11;
      }
      .header_participate {
        text {
          color: #fff;
          font-size: 28upx;
          height: 44upx;
          padding: 0 20upx;
          background: #6f9b26;
          box-shadow: 0px 0px 1upx #94b76d;
        }
      }
      .header_about {
        color: #e07e3f;
        font-size: 28upx;
        line-height: 1;
        margin-bottom: 18upx;
        font-weight: bold;
        margin-top: 10upx;
      }
      .header_title {
        color: #e07e3f;
        font-size: 28upx;
        font-weight: bold;
        line-height: 90upx;
      }
      .header_money {
        .money {
          font-size: 100upx;
          font-family: 'Arial';
          color: #ff6100;
          line-height: 100upx;
          font-weight: 600;
        }
        .coin {
          font-size: 28upx;
          line-height: 1;
          color: #e07e3f;
          margin-left: 20upx;
          font-weight: bolder;
        }
      }
    }
  }
}
